.frame {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 440rpx;

    .image-border {
        position: absolute;
        width: 30%;
        height: 40%;
    }

    .border-lt {
        left: -10rpx;
        top: -10rpx;
    }

    .border-rt {
        right: -10rpx;
        top: -10rpx;
    }

    .border-rb {
        right: -10rpx;
        bottom: -10rpx;
    }

    .border-lb {
        left: -10rpx;
        bottom: -10rpx;
    }

    image {
        width: 430rpx;
        height: 605rpx;
        border-radius: 5rpx;
    }

    


    .top {
        position: absolute;
        top: -35rpx;
    }

    .left {
        position: absolute;
        left: -65rpx;
        transform: rotate(-90deg);
    }

    .right {
        position: absolute;
        right: -70rpx;
        transform: rotate(90deg);
    }

    .bottom {
        position: absolute;
        bottom: -35rpx;
    }
}